﻿html,body {
    margin: 0;
    padding: 0;
}
div.top-banner{
    padding: 4px 2px;
    display: block;
    background: #42637c;
    border-bottom: 3px solid #15740a;
    box-shadow: 0 1px 3px 2px #000;
    margin-bottom: 23px;
}
div.loginForm{
    width: 300px;
    margin: 42px auto;
    border: 1px solid #a4ceee;
    display: block;
    padding: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
div.loginForm div.title{
    text-align: center;
    background: #a4ceee;
    margin: 0;
    padding: 3px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
div.loginControls{
    padding: 4px 9px;
}
div.sms-wraper{
    color: red;
    font-size: 13px;
    font-family: Arial;
    margin: 3px 2px;
    padding: 3px;
}
.icon{
    display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/sp.png");
  background-repeat: no-repeat;
  margin-top: 0px;
}

.icon-location{
    background-position: -16px -112px ;
}
.icon-house{
    background-position: 0px -80px;
}
.icon-room{
    background-position: -224px -32px;
}
.icon-tool{
    background-position: -176px -48px;
}
.icon-user{
    background-position: -176px -112px;
}
.icon-setting{
    background-position: 0 -96px;
}
.icon-view{
    background-position: -208px -96px;
}
.icon-edit{
    background-position: 0px -144px;
}
.icon-add{
    background-position: -17px -129px;
}
.icon-contact{
    background-position: -48px -112px;
}
.icon-notification{
    background-position: -64px -128px;
}
.icon-detail{
    background-position: -128px -96px;
}
        .action-buttons{
            margin-top: 12px;
        }
        .action-buttons li a, .action-buttons li a:link{
            background: #EEE !important;
        }
table.tbl{
    border-spacing: 0;
}
table.tbl tr{
    height: 35px;
}
.icon-back{
    background-position: -96px -48px;
}
.modal-wraper{
    width: 270px;
    background: #EEF;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 0;
    margin:0;
    padding-bottom: 8px;
}
.mtitle{
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    background: #3a639b;
    padding: 7px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.mcontent{
    font-family: Arial;
    font-size: 14px;
    color: #038;
    padding: 9px 5px;
    margin: 5px;

}
.mbutton{
    text-align: center;
    padding: 5px 3px;
    margin: 8px 2px;
}

.overlay{
				width: 100%; height: 100%; background: #999;
				opacity: 0.8;
				position: fixed; top: 0; left: 0;
				z-index: 111;
				display: none;
			}